import 'package:flutter/material.dart';

class CustomInputField extends StatelessWidget {
  final String hintText;
  final TextEditingController? controller;

  const CustomInputField({
    super.key,
    required this.hintText,
    this.controller,
  });

  @override
  Widget build(BuildContext context) {
    return TextField(
      controller: controller,
      textAlign: TextAlign.center, // 设置文字居中
      style: const TextStyle(
        fontWeight: FontWeight.bold, // 设置文字加粗
        fontSize: 15.0, // 可以根据需要调整字体大小
      ),
      // 核心样式配置
      decoration: InputDecoration(
        // 1. 设置提示文本
        hintText: hintText,
        // 2. 开启背景填充
        filled: true,
        // 3. 设置浅灰色填充颜色
        fillColor: const Color(0xFFF5F6FA), // 接近图片的浅灰色
        
        // 4. 内容边距（可选，用于微调文本位置）
        contentPadding: const EdgeInsets.symmetric(horizontal: 16.0, vertical: 10.0),

        // 5. 移除默认的底部下划线/边框 
        border: OutlineInputBorder(
          borderRadius: BorderRadius.circular(10.0), // 设置圆角
          borderSide: BorderSide.none, // 移除边框线
        ),

        // 6. 移除获得焦点时的边框线 
        focusedBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(10.0),
          borderSide: BorderSide.none,
        ),
        
        // 7. 移除非激活状态时的边框线
        enabledBorder: OutlineInputBorder(
          borderRadius: BorderRadius.circular(10.0),
          borderSide: BorderSide.none,
        ),
        
        // 8. 提示文字的样式
        hintStyle: TextStyle(
          color: Color(0XFF999999),
          fontSize: 15.0,
        ),
      ),
    );
  }
}